// 个人办事、便民服务的切换
$(".banshi > li").click(function (e) {
    let index = $(this).index()

    // 法人办事禁选
    if (index === 1) { return }

    $(this).addClass("selected").siblings().removeClass("selected")
    if (index === 0) {
        $(".bs-content").eq(0).show()
        $(".bs-content").eq(1).hide()
    } else if (index === 2) {
        $(".bs-content").eq(1).show()
        $(".bs-content").eq(0).hide()

    }
})

// 热点服务、主题分类的切换
$(".change-btn > div").each(function (idx) {
    $(this).click(function (e) {
        $(this).children(".change-name").addClass('change-select')
        $(this).siblings().children('.change-name').removeClass('change-select')

        $(this).children("span").show()
        $(this).siblings().children("span").hide()
        $(this).children(".bottom-line").show()
        $(this).siblings().children(".bottom-line").hide()
        if (idx === 0) {
            $(".topic").hide()
            $(".hot-serve").show()
        } else {
            $(".topic").show()
            $(".hot-serve").hide()
        }
    });
});

// 主题展开
$(document).on('click', '.topic-list > p', function () {
    if ($(this).data("num") == 0) {
        $(this).siblings().css("display", "flex")
        $(this).siblings().css("justify-content", "space-between")
        $(this).data("num", '1')
    } else if ($(this).data("num") == 1) {
        $(this).siblings().css("display", "none")
        $(this).data("num", '0')

    }
    if ($(this).children("span").hasClass("rotate")) { //点击箭头旋转180度

        $(this).children("span").removeClass("rotate");

        $(this).children("span").addClass("rotate1");

    } else {
        $(this).children("span").removeClass("rotate1"); //再次点击箭头回来

        $(this).children("span").addClass("rotate");

    }
})
// $(".topic-list > p").click(function (e) {
//     if ($(this).data("num") == 0) {
//         $(this).siblings().css("display", "flex")
//         $(this).siblings().css("justify-content", "space-between")
//         $(this).data("num", '1')
//     } else if ($(this).data("num") == 1) {
//         $(this).siblings().css("display", "none")
//         $(this).data("num", '0')

//     }
//     if ($(this).children("span").hasClass("rotate")) { //点击箭头旋转180度

//         $(this).children("span").removeClass("rotate");

//         $(this).children("span").addClass("rotate1");

//     } else {
//         $(this).children("span").removeClass("rotate1"); //再次点击箭头回来

//         $(this).children("span").addClass("rotate");

//     }
// });


// 主题分类切换按钮
$(".navbar > li").click(function (e) {
    let index = $(this).index()

    // 当主题为全部时 隐藏筛选
    // if (index === 0) {
    //     $(".screen").hide()
    // } else {

    //     $(".screen").show()
    // }

    $(this).addClass("nav-select").siblings().removeClass("nav-select")
    $(".topic-box").eq(index).show()
    $(".topic-box").eq(index).siblings().hide();
})


// 二维码 悬停事件
$(".nav-gzh").mouseover(function (e) {
    $(this).next().show()
})
$(".nav-gzh").mouseleave(function (e) {
    $(this).next().hide()
})
$(".wx-bdb, .dy-bdb, .bdb-app, .sp-bdb").mouseover(function () {
    $(this).prev().show()
});
$(".wx-bdb, .dy-bdb, .bdb-app, .sp-bdb").mouseleave(function () {
    $(this).prev().hide()
});



// 筛选框按钮
$(".screen").click(function (e) {
    e.stopPropagation();
    $(this).children(".screen-box").slideToggle();
})

$(document).click(function (e) {
    $(".screen-box").slideUp();
})



// 城市选择开关
$('.local-city').click(function () {
    $(".sel-city").show()
})

$(".close").click(function () {
    $(".sel-city").hide()

})

var box = $(".topic-box");
// 筛选框选中
$(".screen ul li").click(function (e) {
    // index为当前输入框的索引值， 0 为全部的输入框索引，5为医院预约的输入框索引
    let index = $(".topic-box").index($(this).closest(".topic-box"))
    console.log(index)
    // key为筛选框的选项内容
    let key = $(this).text()
    console.log(key)

    $(this).parent().siblings('.s-type').text(key)   // 选择后改变筛选框文字

    let conte = $('.topic-box').eq(index).children(".topic-content")
    conte.html(`<div class="topic-list">
    <p class="cursor" data-num="0">
        <span class="down"></span> 我i按四大
    </p>
    <div class="list-item flex display">
        <a href="#">
            <span class="dot"></span> 2对公啊实打实打算法律、行政法规的规定，应当给予处罚其他行为的处罚
        </a>
        <div class="list-btn flex">
            <a href="#">立即办理</a>
        </div>
    </div>
</div>`);

    // 翻页重新渲染
    screenPage(index);
})


// 分页搜索
$(".topic-btn").click(function () {
    // index为当前输入框的索引值， 0 为全部的输入框索引，5为医院预约的输入框索引
    let index = $(".topic-box").index($(this).closest(".topic-box"))
    let inputKey = $(this).prev().val()
    console.log(index)
    console.log(inputKey)


    let conte = $('.topic-box').eq(index).children(".topic-content")

    conte.html(`<div class="topic-list">
    <p class="cursor" data-num="0">
        <span class="down"></span> 搜索框
    </p>
    <div class="list-item flex display">
        <a href="#">
            <span class="dot"></span> 2对公啊实打实打算法律、行政法规的规定，应当给予处罚其他行为的处罚
        </a>
        <div class="list-btn flex">
            <a href="#">立即办理</a>
        </div>
    </div>
    </div>`);

    // 翻页重新渲染
    screenPage(index);
})



function screenPage(index) {
    if (index === 1) {
        pageHelp1({
            ele: '#pageHelp1',
            count: 71,
            limit: 7,
            limits: true,
            allPage: true,
            first: true,
            last: true,
            next: true,
            prev: true,
            jump: true,
            counts: true,
            fn: function (count) {
                console.log(count)
                console.log(2222)
            }
        })
    } else if (index === 2) {
        pageHelp2({
            ele: '#pageHelp2',
            count: 100,
            limit: 7,
            limits: true,
            allPage: true,
            first: true,
            last: true,
            next: true,
            prev: true,
            jump: true,
            counts: true,
            fn: function (count) {
                console.log(count)
            }
        })
    } else if (index === 3) {
        pageHelp3({
            ele: '#pageHelp3',
            count: 100,
            limit: 7,
            limits: true,
            allPage: true,
            first: true,
            last: true,
            next: true,
            prev: true,
            jump: true,
            counts: true,
            fn: function (count) {
                console.log(count)
            }
        })
    } else if (index === 4) {
        pageHelp4({
            ele: '#pageHelp4',
            count: 100,
            limit: 7,
            limits: true,
            allPage: true,
            first: true,
            last: true,
            next: true,
            prev: true,
            jump: true,
            counts: true,
            fn: function (count) {
                console.log(count)
            }
        })
    } else if (index === 5) {
        pageHelp5({
            ele: '#pageHelp5',
            count: 100,
            limit: 7,
            limits: true,
            allPage: true,
            first: true,
            last: true,
            next: true,
            prev: true,
            jump: true,
            counts: true,
            fn: function (count) {
                console.log(count)
            }
        })
    }
}